<template>
<div class="lecture">
  <div class="titleRow">
    <h2>iTsinghua学堂</h2>
    <p>iTsinghua Lecture</p>
  </div>
  <el-divider></el-divider>
  <div class="des">
    <div class="item">
      <button>江西省临川一中</button>
      <p>iTsinghua学堂走进江西临川一中——危岩教授专场</p>
    </div><el-divider></el-divider>
    <div class="item">
      <button>江西省临川一中</button>
      <p>iTsinghua学堂走进江西临川一中——危岩教授专场</p>
    </div><el-divider></el-divider>
    <div class="item">
      <button>江西省临川一中</button>
      <p>iTsinghua学堂走进江西临川一中——危岩教授专场</p>
    </div><el-divider></el-divider>
    <div class="item">
      <button>江西省临川一中</button>
      <p>iTsinghua学堂走进江西临川一中——危岩教授专场</p>
    </div><el-divider></el-divider>
  </div>
</div>
</template>

<script>
import Vue from 'vue'
import {Divider} from 'element-ui'
Vue.use(Divider)
export default {
  name: "lecture"
}
</script>

<style lang="less" scoped>
.lecture{
  width: 35.1rem;
  .titleRow{
    padding-bottom: 2rem;
    h2{
      font-weight: 400;
      font-size: 1.8rem;
      color: #2e414a;
    }
    p{
      text-transform: uppercase;
      font-size: .96rem;
      color: #3e545f;
      font-weight: 400;
    }
  }
  .des{
    .item{
      padding: 1.5rem 0;
      button{
        border-radius: 1.8rem;
        color: #fff;
        height: 1.68rem;
        line-height: 1.68rem;
        padding: 0 1.08rem;
        background: url("../../../../assets/img/home/button_bg.png");
        background-size: contain;
      }
      p{
        font-size: .96rem;
        line-height: 1.44rem;
        padding-top: .72rem;
      }
    }
  }
}
.el-divider{
  margin: 0;
}
</style>